<template>
  <div class="wrap">
     <div class="result_content">
       <ul>
           <li>话题</li>
           <li>产品</li>
           <li>用户</li>
       </ul>
       <SearchContentItem></SearchContentItem>
       <SearchContentItem></SearchContentItem>
     </div>
     
  </div>
    
 
</template>
<script>
import SearchContentItem from "../../components/searchContentItem.vue"

export default {
  name:"searchResult",
  components:{
      SearchContentItem,
  },
  data(){
      return{
          
      }
  }
}
</script>
<style lang="less" scoped>
@main_bgcolor :#ff406f;
 .result_content{
     
     width: 630/75rem;
     margin: 0 auto;
   
     

     margin-top: -10/75rem;
     padding-top:80/75rem;
     box-shadow:-1px 0 10px lightgray, /*左边阴影*/  
                1px 0 10px lightgray, /*右边阴影*/  
                0 1px 20px lightgray; /*底边阴影*/ 
        ul{
            padding-bottom: 60/75rem;
              margin-top: 100/75rem;
            li{
                width: 33%;
                text-align: center;
                color: #808080;
                font-size: 30/75rem;
                float: left;
            }
            li:nth-child(2){
                border-left: 1/75rem solid #000;
                border-right: 1/75rem solid #000;
            }
             
        }
      
     
 }
  
  

</style>